body{
    background-color:#F5F6FA ;
    .login_box{

        // 头部logo
        .logo{
            margin: 10px 0;
            .problem{
            margin-top: 30px;
            a{
                font-size: 14px;
                color: #666;
            }
            }
        }
        
        // 登录
        .main_login{
            height: 490px;
            margin-top: 180px;
            background-color: #fff;
            position: relative;
            border-radius: 16px;

            // 二维码登录
            .left_code{
                width: 476px;
                height: 490px;
                margin-top: 58px;
                margin-left: 28px;
                p:nth-child(1){
                    font-size: 20px;
                    width: 504px;
                    text-align: center;
                    margin-bottom: 40px;
                }
                p:nth-child(2){
                    font-size: 14px;
                    color: #666;
                    width: 504px;
                    text-align: center;
                    img{
                        width: 16px;
                        margin: 0 20px 0 4px;
                    }
                    a:nth-child(1){
                        color: red;
                    }
                    a:nth-child(3){
                        color: #666;
                        text-decoration: underline;
                        &:hover{
                            color: red;
                        }
                    }
                }

                // 二维码
                .code{
                    width: 408px;
                    height: 204px;
                    overflow: hidden;
                    margin-top: 30px;
                    img{
                        width: 204px;
                        height: 204px;
                        float: left;
                        &:nth-child(1){
                            margin-left: 150px;
                            &:hover{
                                margin-left: 0;
                            }
                        }
                    }
                }
            }
            &::after{
                    content: '';
                    width: 1px;
                    height: 246px;
                    position: absolute;
                    top: 152px;
                    left: 504px;
                    background-color: #BFBFBF;
            }

            // 信息登录
            .right_login{
                height: 490px;
                margin-top: 58px;
                width: 476px;
                margin-right: 28px;
                .title{
                    text-align: center;
                    margin-bottom: 40px;
                    a{
                        font-size: 20px;
                        &:nth-child(1){
                            color: red;
                            margin-right: 30px;
                        }
                    }
                }

                .form{
                    input{
                        width:368px ;
                        height: 44px;
                        background-color: #F7F8FC;
                        margin-bottom: 16px;
                        border-radius: 10px;
                        margin-left: 70px;
                        padding-left: 10px;
                        box-sizing: border-box;
                        font-size: 14px;
                        &:nth-child(3){
                            background-color: orangered;
                            font-size: 16px;
                            color: #fff;
                            padding: 0;
                            margin-top: 20px;
                            margin-bottom: 40px;
                        }
                    }
                }
            }

            // 登录导航
            .login_foot{
                width: 368px;
                height: 50px;
                margin-left: 70px;
                margin-top: 20px;
                ul{
                    li{
                        float: left;
                        margin-right: 38px;
                        position: relative;
                        a{
                            font-size: 14px;
                            color: #666;
                        }
                        &:hover a{
                            text-decoration: underline;
                            color: red;
                        }
                        &:nth-child(4):hover a{
                            text-decoration: underline;
                            color: #666;
                        }
                        &:nth-child(4){
                            margin-right: 0;
                        }
                        .line{
                            display: block;
                            float: left;
                            width: 1px;
                            height: 10px;
                            background-color: #666;
                            position: absolute;
                            top: 4px;
                            left: 82px;
                        }
                    }
                }
            }
        }

        // 底部导航
        .login_foot_nav{
            height: 56px;
            margin-top:50px ;
            margin-bottom: 30px;
            .foot_nav{
                ul{
                    margin-left: 118px;
                    li{
                        position: relative;
                        float: left;
                        a{
                            margin: 0 10px;
                            color: #666;
                            &:hover{
                                color: red;
                                text-decoration: underline;
                            }
                        }
                        span{
                            display: block;
                            float: left;
                            width: 1px;
                            height: 6px;
                            background-color: #666;
                            position: absolute;
                            top: 4px;
                            left: 74px;
                        }
                    }
                }
            }
            .source{
                text-align: center;
                margin-top: 10px;
                color: #666;
                font-size: 12px;
            }
        }
    }
}
